<!DOCTYPE html>
<html lang="en">
	<head>
		<!-- Author: Chris Casola -->
		<title>Decision Lines</title>
		<meta charset="utf-8">
		<link rel='stylesheet' type='text/css' href='/styles/main.css' />
		<link rel='stylesheet' type='text/css' href='/styles/join.css' />
		<link rel='stylesheet' type='text/css' href='/styles/tooltip.css' />
		<script src='/scripts/site/tooltip.js'></script>
		<script src='/scripts/site/join.js'></script>
	</head>
	<body>
		<header>
			<h1>Decision Lines</h1>
		</header>
		<section id='mainContent'>
			<h1>Question goes here...</h1>
			<input type='text' id='choice' name='choice' size='55' /><br />
			<section class='buttonPanel'>
				<ul>
					<li class='button' id='btnJoin'>Join Event</li>
					<li class='button' id='btnForfeit'>Forfeit Choice and Join Event</li>
				</ul>
				<p><span class='tip' id='joinOptions'>[?]</span></p>
			</section>
		</section>
	</body>
</html>
